body {
    background-color: rgb(239, 245, 243);
    margin: 0;
    padding: auto;
}

/* ol {
    
} */

.title {
    margin-top: 20px ;
    margin-bottom: 20px;
    text-align: center;
    color: black;
    width: 100%;
    height: 8%;
    font-size: 32px;
}

.gamebody {
    width: 1024px;
    height: 1024px;
    margin:0 auto;
    background-color: yellowgreen;
}

.gamebox {
    width: 768px;
    height: 1024px;
    background-color: rgb(230, 202, 166);
    float: left;
}

.gameview {
    width: 768px;
    height: 768px;
    background-color:gainsboro;
}

.gamev {
    width: 480px;
    height: 480px;
    border: 1px solid rgb(200, 166, 166);
    margin: 0 auto;
    position: relative;
}

.pane {
    width: 90px;
    height: 90px;
    /* background: rgb(128, 199, 195); */
    border: 2px rgb(201, 128, 219) solid;
    position: absolute;
    font-size: 40px;
    line-height: 90px;
    text-align: center;
    margin:0 auto;
    background-size: 100% 100%;
    background-image: none;
}

.pane .kong {
    border: 2px transparent solid;
    background: transparent
}

.btnview {
    width: 768px;
    height: 256px;
    background-color: thistle;
    text-align: center;
}

.recoderbox {
    width: 256px;
    height: 1024px;
    text-align: center;
    background-color: rgb(144, 240, 240);
    float: left;
}

.recoderbox h1{
    text-align: center;
}